<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>选项卡和单选框的切换效果</title>
		<link rel="stylesheet" href="css/index.css" />
	</head>
	<body>
		<div class="web">
			<ul class="plane-ticket clearfix">
				<li class="inland">
					<h3>
						<span>国内机票</span>
					</h3>
					<div class="plane-form">
						<form action="" method="post">
							<div class="item">
								<label>出发城市:</label>
								<input type="text" name="departCity" id="goCity" value="" placeholder="北京"/>
							</div>
							<div class="item">
								<label>到达城市:</label>
								<input type="text" name="reachCity" id="reachCity" value="" placeholder="中文/拼音/简拼"/>
							</div>
							<div class="item">
								<label>航程类型:</label>
								<input type="radio" name="oneWay" id="oneWay" value="" />
								<label for="oneWay">单程</label>
								<input type="radio" name="doubleWay" id="doubleWay" value="" />
								<label for="doubleWay">往返</label>
							</div>
							<div class="item">
								<label>出发时间:</label>
								<input type="date" name="departTime" id="departTime" value="" />
							</div>
							<div class="item">
								<label>返程时间:</label>
								<input type="date" name="backTime" id="backTime" value="" />
							</div>
							<div class="search-btn">
								<span>搜索机票<input type="submit" name="schTicket" id="schTicket" value="搜索机票" /></span>
								<label></label>
							</div>
						</form>
					</div>
				</li>
				<li class="foreign">
					<h3>
						<span>国际·港澳台</span>
					</h3>
				</li>
			</ul>
		</div>
	</body>
</html>
